<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>1215demo</title>
    <link rel="stylesheet" type="text/css" href="1215demo.css">
</head>

<body>


    <div class="flexBox">
        <div class="leftbox">
            <div class="leftbox_0">
                <div class="leftbox_1">

                    <ul>
                        <li>
                            <a href="#">
                                <img src="12_15-assets/Item1.png" alt="Item1">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="12_15-assets/Item2.png" alt="Item2">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="12_15-assets/Item3.png" alt="Item3">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="12_15-assets/AddApp.png" alt="AddApp">
                            </a>
                        </li>
                    </ul>

                </div>
                <div class="leftbox_2">
                  <div class="left-ul">
                    <dl>
                        <dt>
                            <p class="Menu">Menu</p>
                            <a href="">
                                <img src="12_15-assets/Settings.png" alt="设置" >
                            </a>
                        </dt>
                        <dd>
                            <ul>
                                <li class="lilist">
                                    <a href=""> Overview</a>
                                </li>
                                <li>
                                    <a href="">Sales</a>
                                    <div class="Notification"><img src="12_15-assets/Notification1.png" alt="Notification"></div>
                                    
                                </li>
                                <li>
                                    <a href="">Your Staff</a>
                                </li>
                                <li>
                                    <a href="">Analytics & Targeting</a>
                                </li>
                                <li>
                                    <a href="">What’s New</a>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                </div>
                <div class="left-ul">
                    <dl>
                        <dt>
                            <p class="Menu">Your Products</p>
                            <a href="">
                                <img src="12_15-assets/Settings.png" alt="设置">
                            </a>
                        </dt>
                        <dd>
                            <ul>
                                <li class="lilist">
                                    <a href="">
                                        <img src="12_15-assets/Book_of_Wisdom.png" alt="Book">Books</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="12_15-assets/Video_Camera.png" alt="Video"> Tutorials</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="12_15-assets/Painting.png" alt="Painting"> Stocks</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="12_15-assets/Chart.png" alt="Chart"> Infographics</a>
                                </li>

                            </ul>
                        </dd>
                    </dl>
                </div>
                <div class="left-ul">
                    <dl>
                        <dt>
                            <p class="Menu">Dashboard</p>
                            <a href="">
                                <img src="12_15-assets/Settings.png" alt="设置">
                            </a>
                        </dt>
                        <dd>
                            <ul>
                                <li class="lilist">
                                    <a href=""> Messages</a>
                                    <div class="Notification1"><img src="12_15-assets/Notification2.png" alt="Notification2"></div>
                                </li>
                                <li>
                                    <a href="">Connections</a>
                                </li>
                                <li>
                                    <a href="">Integrations </a>
                                    <div class="AlertIcon1"><img src="12_15-assets/AlertIcon2.png" alt="AlertIcon1"></div>
                                </li>
                                <li>
                                    <a href="">Account Settings</a>
                                </li>
                                <li>
                                    <a href="">App Settings</a>
                                </li>
                            </ul>
                        </dd>
                    </dl>
                    <div class="progressbox">
                            <p class="Monthly_Goals">
                                <span>Monthly Goals</span>
                                <span>$580/$3200</span>
                            </p>
                            <progress value="580" max="3200">
                            </progress>
                        </div>
                </div>
                
                </div>
            </div>
        </div>
        <div class="rightbox">
            <div class="box3_1">
                <p class="massage">Messages</p>
                <div class="userPhoto">
                    <img src="12_15-assets/Photo.png" alt="Photo">
                </div>
                <p class="userName">Jordan J.</p>
                <p class="admin">Administrator</p>
                <div class="dropdown">
                    <img src="12_15-assets/dropdown.png" alt="dropdown">
                </div>
            </div>

            <div class="box3_2">
                <div class="box3_2_1">
                    <div class="search">
                        <input type="search" placeholder="search" class="inputK">
                        <input type="image" src="12_15-assets/Search_icon.png" alt="Search" class="inputImg">

                    </div>
                    <div class="personal">
                        <img src="12_15-assets/Notification.png" alt="Base" class="numb">
                        <div class="personalItr personalz">
                            <img src="12_15-assets/Avatarphoto1.png" alt="Avatarphoto1">
                            <p class="meter">3m</p>
                            <p class="nameItr">· Bessie Berry</p>
                            <p class="origin">Twitter</p>
                            <p class="content">I pay for the 4Mb/sec down, 512 Kb/sec up service from O2. In from O2.In fact, it's relatively
                                quick,and stable
                            </p>

                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto2.png" alt="Avatarphoto2">
                            <p class="meter">7m</p>
                            <p class="nameItr1">Victor Weber</p>
                            <p class="origin">Adobe</p>
                            <p class="content">I shared this on my fb wall a few months back, and I thought I'
                            </p>
                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto3.png" alt="Avatarphoto3">
                            <p class="meter">8m</p>
                            <p class="nameItr1">Dustin Benson</p>
                            <p class="origin">Facebook</p>
                            <p class="content">If there is anyone who needs an invitation please add yourself
                            </p>
                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto4.png" alt="Avatarphoto4">
                            <p class="meter">4m</p>
                            <p class="nameItr1">Jack Mason</p>
                            <p class="origin">Yahoo</p>
                            <p class="content">BruteDC is a peer-to-peer movie+tv series sharing and downloadi
                            </p>
                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto5.png" alt="Avatarphoto5">
                            <p class="meter">6m</p>
                            <p class="nameItr1">Victor Weber</p>
                            <p class="origin">Adobe</p>
                            <p class="content">I shared this on my fb wall a few months back, and I thought I'
                            </p>
                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto6.png" alt="Avatarphoto6">
                            <p class="meter">13m</p>
                            <p class="nameItr1">Victor Weber</p>
                            <p class="origin">Adobe</p>
                            <p class="content">I shared this on my fb wall a few months back, and I thought I'
                            </p>
                        </div>
                        <div class="personalItr">
                            <img src="12_15-assets/Avatarphoto7.png" alt="Avatarphoto7">
                            <p class="meter">12m</p>
                            <p class="nameItr1">Victor Weber</p>
                            <p class="origin">Adobe</p>
                            <p class="content">I shared this on my fb wall a few months back, and I thought I shared this on my fb wall a few months back.
                            </p>
                        </div>

                    </div>


                </div>
                <div class="box3_2_2">
                    <div class="infor">
                        <p class="Bessie_Berry">Bessie Berry <img src="12_15-assets/Status.png" alt="Status"></p>
                        <div class="toolBox">
                            <img src="12_15-assets/Tools.png" alt="Tools">
                            
                        </div>
                      <div class="Chatsoneof">
                          <img src="12_15-assets/Chatsoneof.png" alt="Chatsoneof">
                        </div>
                    </div>
                        <div class="rightside">
                            
                                <div class="rightside1"> 
                                    <div class="hang1">
                                    <img src="12_15-assets/Avatarphoto1.png" alt="Avatarphoto1">
                                    <p ><span class="content-name">Bessie Berry</span>  <span class="AM">8:31 AM</span></p>
                                    <p class="content-box">Hi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. </p>
                                </div>
                                  <div class="hang2">
                                        <img src="12_15-assets/Avatarphoto8.png" alt="Avatarphoto8">
                                        <p><span class="content-name1">Jordan Jackson</span>  <span class="AM1">8:31 AM</span></p>
                                        <p class="content-box1">Hi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet.AHi guys Ive got the O2 package and have really slow internet.AHi guys Ive got the O2 package and have really slow internet.I have internet for 9 month and nevere could benefit from the . </p>
                                    </div> 
                                    
                                </div> 
                                <div class="rightside2">
                                        
                                            <div class="hang1">
                                                <img src="12_15-assets/Avatarphoto1.png" alt="Avatarphoto1">
                                                <p ><span class="content-name">Bessie Berry</span>  <span class="AM">8:31 AM</span></p>
                                                <p class="content-box">Hi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet. </p>
                                            </div>
                                              <div class="hang2">
                                                    <img src="12_15-assets/Avatarphoto8.png" alt="Avatarphoto8">
                                                    <p><span class="content-name1">Jordan Jackson</span>  <span class="AM1">8:31 AM</span></p>
                                                    <p class="content-box1">Hi guys Ive got the O2 package and have really slow internet. Hi guys Ive got the O2 package and have really slow internet.Hi guys Ive got the O2 package and have really slow internet. </p>
                                                
                                                </div> 
                                                <div class="img-all">
                                                    <img src="12_15-assets/Photo1.png" alt="Photo1">
                                                    <img src="12_15-assets/Photo2.png" alt="Photo2">
                                                </div>
                                            </div> 
                                            <div class="rightside3">
                                        
                                                    <div class="hang1">
                                                        <img src="12_15-assets/Avatarphoto1.png" alt="Avatarphoto1">
                                                        <p ><span class="content-name">Bessie Berry</span>  <span class="AM">8:31 AM</span></p>
                                                        <p class="content-box">Hi guys Ive got the O2 package and have really slow internet. AHi guys Ive got the O2 package and have really slow internet.  </p>
                                                    </div> 
                                                    <div class="hang3">
                                                        <input type="button" value="+"  class="Addicon">
                                                        <input type="text" name="" id="" class="textbox">
                                                    
                                                    </div>
                                            
                                        </div> 
                                           
                                       
                                
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>



</body>

</html>